<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
  * {
    margin: 0;
    padding: 0;
  }
  @media screen and (max-width: 760px){
    html {
      font-size: calc(100vw / 3.75);
      width: 100%;
      height: 100%;
      overflow-x: hidden;
      overflow-y: scroll;
      font-family: "微软雅黑";
    }


  }
  @media screen and (min-width: 760px)and (max-width: 1920px){
    html {
      font-size: 200px;
      width: 100%;
      height: 100%;
      overflow-x: hidden;
      overflow-y: scroll;
      font-family: "微软雅黑";
    }
    main {
      width: 760px;
      margin: 0 auto;
    }
    .bottom-box {
      width: 100%;
      text-align: center;
      line-height: 0.3rem;
      margin-top: 3.55rem;
      margin-bottom: 0.44rem;

    }
  }
  body,#app {
    width: 100%;
    height: 100%;
    font-size: 0.12rem;
  }

  .success-color {
    color: #00aaff;
  }

  .f-left {
    float: left;
  }
  .f-right {
    float: right;
  }

  .fail-color {
    color: #e23449;
  }

</style>
